﻿
<style>
.mailTitle {clear:both;font-size:18px;font-weight:bold;font-family:Microsoft YaHei;margin-bottom:15px;}
table.mailBox td{vertical-align:middle;padding:2px;}

.tabList li{ width:90px;}
</style>


<div style="width:95%;margin:20px 0px 0px 20px;">
<ul class="tabList clearfix">
<li id="tabNotification" class="firstTab"><a href="#{notificationUrl}" class="frmLink" loadTo="tabMain" nolayout=4><img src="~img/sound.gif" /> _{notification}</a><span></span></li>
<li id="tabHome" style="width:110px;"><a href="#{msg.UrlAll}" class="frmLink" loadTo="tabMain" nolayout=4><img src="~img/mail/inbox.gif" /> _{allMsg}</a><span></span></li>
<li id="tabAdd"><a href="#{msg.UrlNew}" class="frmLink" loadTo="tabMain" nolayout=4><img src="~img/mail/new.gif" /> _{writeMsg}</a><span></span></li>
<li id="tabSend"><a href="#{msg.UrlSend}" class="frmLink" loadTo="tabMain" nolayout=4>_{sentMsg}</a><span></span></li>
<li id="tabDeleted"><a href="#{msg.UrlTrash}" class="frmLink" loadTo="tabMain" nolayout=4>_{msgTrash}</a><span></span></li>
#{lnkSiteNotification}

</ul>
</div>

<div class="tabMain" style="width:96%">
<div id="tabMain" style="padding:10px;">
#{layout_content}
</div>
</div>

<script>
_run( function() {
	var href = window.location.href;
	
	var resetTab = function( tabId ) {
	    $('#'+tabId).removeClass('otherTab').addClass( 'currentTab' );
	}
	
	if( href.indexOf( 'Notification')>-1  )
		resetTab( 'tabNotification' );
	else if( href.indexOf( 'SiteNf' )>-1 )
	    resetTab( 'tabSite' );	    
	else if( href.indexOf( 'Sent' )>-1 )
	    resetTab( 'tabSend' );	    
	else if( href.indexOf( 'New' )>-1 )
	    resetTab( 'tabAdd' );
	else if( href.indexOf( 'Deleted' )>-1 )
	    resetTab( 'tabDeleted' );	
	else
	    resetTab( 'tabHome' );
});
</script>
